<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<meta HTTP-EQUIV="expires" CONTENT="0">
		<link rel="stylesheet" type="text/css" href="../../assets/css/public.css" />
		<link rel="stylesheet" type="text/css" href="../../assets/css/style.css" />
		<link rel="stylesheet" type="text/css" href="../../assets/css/jquery.mThumbnailScroller.css" />
		<title>海高大数据-家居列表</title>
	</head>

	<body>
		<div class="container list">
			<a href="../../index.html" class="login"></a>
			<div class="userlogin">颂恩</div>
			<ul class="mainMenu">
				<li>
					<a href="../user/index.html">用户信息大数据</a>
				</li>
				<li>
					<a href="../product/index.html">产品信息大数据</a>
				</li>
				<li>
					<a href="../living/index.html">家居信息大数据</a>
				</li>
			</ul>
			<div class="search_box">
				<div class="search">
					<input type="text" name="" id="" value="" />
					<input type="button" name="" id="" value="" />
				</div>
				<a class="advancedFilter" id="Advanced" href="javascript:;"><span>高级筛选</span></a>
			</div>
			<div class="filtrateLabel"></div>
			<div class="table_outer">
				<div class="table_list">
					<table class="table" border="" cellspacing="" cellpadding="">
						<col width="10%" />
						<thead>
							<tr>
								<th>序号</th>
								<th>姓名</th>
								<th>性别</th>
								<th>年龄</th>
								<th>城市</th>
								<th>学历</th>
								<th>职业</th>
								<th>家庭结构</th>
								<th>生育情况</th>
								<th>家庭年收入</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>001</td>
								<td>张丽</td>
								<td>女</td>
								<td>28</td>
								<td>北京</td>
								<td>博士</td>
								<td>研究院</td>
								<td>两代</td>
								<td>未生育</td>
								<td>150</td>
								<td>
									<a href="../user/details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>001</td>
								<td>张丽</td>
								<td>女</td>
								<td>28</td>
								<td>北京</td>
								<td>博士</td>
								<td>研究院</td>
								<td>两代</td>
								<td>未生育</td>
								<td>150</td>
								<td>
									<a href="../user/details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>001</td>
								<td>张丽</td>
								<td>女</td>
								<td>28</td>
								<td>北京</td>
								<td>博士</td>
								<td>研究院</td>
								<td>两代</td>
								<td>未生育</td>
								<td>150</td>
								<td>
									<a href="../user/details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>001</td>
								<td>张丽</td>
								<td>女</td>
								<td>28</td>
								<td>北京</td>
								<td>博士</td>
								<td>研究院</td>
								<td>两代</td>
								<td>未生育</td>
								<td>150</td>
								<td>
									<a href="../user/details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>001</td>
								<td>张丽</td>
								<td>女</td>
								<td>28</td>
								<td>北京</td>
								<td>博士</td>
								<td>研究院</td>
								<td>两代</td>
								<td>未生育</td>
								<td>150</td>
								<td>
									<a href="../user/details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>001</td>
								<td>张丽</td>
								<td>女</td>
								<td>28</td>
								<td>北京</td>
								<td>博士</td>
								<td>研究院</td>
								<td>两代</td>
								<td>未生育</td>
								<td>150</td>
								<td>
									<a href="../user/details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>001</td>
								<td>张丽</td>
								<td>女</td>
								<td>28</td>
								<td>北京</td>
								<td>博士</td>
								<td>研究院</td>
								<td>两代</td>
								<td>未生育</td>
								<td>150</td>
								<td>
									<a href="../user/details.html">详情</a>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="list_bottom">
				<div class="list_li">
					<div class="aiData">
						<div class="dataTitle">
							住房面积分析<span>Housing area analysis</span>
						</div>
						<div class="angle">
							<div id="chart_1" style="width: 100%; height: 190px;"></div>
						</div>
					</div>
				</div>
				<div class="list_li">
					<div class="aiData">
						<div class="dataTitle">
							装修风格分析<span>Analysis of users' fertility</span>
						</div>
						<div class="angle">
							<div id="chart_2" style="width: 100%; height: 190px;"></div>
						</div>
					</div>
				</div>
				<div class="list_li">
					<div class="aiData">
						<div class="dataTitle">
							住房户型分析<span>User revenue share</span>
						</div>
						<div class="angle">
							<div id="chart_3" style="width: 100%; height: 190px;"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="search_mask" id="Mask">
				<div class="search_pop" id="Pop">
					<a class="close" onclick="zclose()" href="javascript:;">×</a>
					<div>
						<ul class="formUl">
							<li>
								<div class="form_row">
									<label>住房类型</label>
									<div class="select">
										<select name="">
											<option value="选项1">选项1</option>
											<option value="选项2">选项2</option>
										</select>
									</div>
								</div>
							</li>
							<li>
								<div class="form_row">
									<label>住房面积</label>
									<div class="select">
										<select name="">
											<option value="选项1">选项1</option>
											<option value="选项2">选项2</option>
										</select>
									</div>
								</div>
							</li>
							<li>
								<div class="form_row">
									<label>校区建成时间</label>
									<div class="select">
										<select name="">
											<option value="选项1">选项1</option>
											<option value="选项2">选项2</option>
										</select>
									</div>
								</div>
							</li>
							<li>
								<div class="form_row">
									<label>家庭结构</label>
									<div class="select">
										<select name="">
											<option value="选项1">选项1</option>
											<option value="选项2">选项2</option>
										</select>
									</div>
								</div>
							</li>
							<li>
								<div class="form_row">
									<label>生育状况</label>
									<div class="select">
										<select name="">
											<option value="选项1">选项1</option>
											<option value="选项2">选项2</option>
										</select>
									</div>
								</div>
							</li>
							<li>
								<div class="form_row">
									<label>厨房布局</label>
									<div class="select">
										<select name="">
											<option value="选项1">选项1</option>
											<option value="选项2">选项2</option>
										</select>
									</div>
								</div>
							</li>
							<li>
								<div class="form_row">
									<label>卧室家装颜色</label>
									<div class="select">
										<select name="">
											<option value="选项1">选项1</option>
											<option value="选项2">选项2</option>
										</select>
									</div>
								</div>
							</li>
						</ul>
						<div class="formBtn">
							<input type="button" onclick="Filtrate()" name="" id="" value="筛 选" />
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../assets/js/jquery/jquery-1.10.2.js"></script>
		<script type="text/javascript" src="../../assets/js/echarts/echarts.min.4.0.4.js"></script>
		<script type="text/javascript" src="../../assets/js/echarts/china.js"></script>
		<script type="text/javascript" src="../../assets/js/jquery/jquery.mThumbnailScroller.js"></script>
		<script type="text/javascript" src="../../assets/js/resize.js"></script>
		<script type="text/javascript" src="../../assets/js/data/data.js"></script>
		<script type="text/javascript" src="../../assets/js/series.js"></script>
		<script type="text/javascript" src="../../assets/js/app.js"></script>
		<script type="text/javascript" src="../../assets/js/common.js"></script>
		<script type="text/javascript">
			(function() {
				//列表echarts初始化渲染
				LivingListResult();
				//高级搜索
				searchBtn()
				//列表滚动条
				tableScroll()
			})()
		</script>
	</body>

</html>